<template>
	<page-meta :page-style="'overflow:'+(filterActive !== -1?'hidden':'visible')"></page-meta>
	<view>
		<u-button type="primary" text="登录" @click="onLogin"></u-button>
		<u-text type="primary" text="注册" @click="onRegister"></u-text>
		<u-text type="primary" text="忘记密码" @click="onForgetPwd"></u-text>
		<view>1111</view>
		<view>1111</view>
		<view>1111</view>
		<view>1111</view>
		<view>1111</view>
		<view>1111</view>
		<v-filter-dropdown v-model="filterActive" :name="['时间', '发布人', '空间']">
			<view v-if="filterActive === 0">时间</view>
			<view v-if="filterActive === 1">发布人</view>
			<view v-if="filterActive === 2">空间</view>
		</v-filter-dropdown>

		<view>1111</view>
		<view>1111</view>
		<view>1111</view>
		<view>1111</view>
		<view>1111</view>
		<view>1111</view>
		<view>1111</view>
		<view>1111</view>
		<view>1111</view>
		<view>1111</view>
		<view>1111</view>
		<view>1111</view>
		<view>1111</view>
		<view>1111</view>
		<view>1111</view>
		<view>1111</view>
		<view>1111</view>
		<view>1111</view>
		<view>1111</view>
		<view>1111</view>
		<view>1111</view>
		<view>1111</view>
		<view>1111</view>
		<view>1111</view>
		<view>1111</view>
		<view>1111</view>
		<view>1111</view>
		<view>1111</view>
		<view>1111</view>
		<view>1111</view>
		<view>1111</view>
		<view>1111</view>
		<view>1111</view>
		<view>1111</view>
		<view>1111</view>
		<view>1111</view>
		<view>1111</view>
		<view>1111</view>
		<view>1111</view>
		<view>1111</view>
		<view>1111</view>
		<view>1111</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				filterActive: -1
			};
		},
		methods: {
			onLogin() {
				uni.$u.route({
					type: "tab",
					url: "/pages/tab-bar/home",
				});
			},
			onRegister() {
				uni.$u.route("/pages/mine/register");
			},
			onForgetPwd() {
				uni.$u.route("/pages/mine/forget-password");
			}

		},

	};
</script>
